import { defineStore } from "pinia";
import { ref } from 'vue'
// 定义store
// defineStore(仓库唯一标识, () => { ... })

export const useMsgStore = defineStore( 'msg', () => {
    // 声明数据 state
    const msg = ref('')
    const list = ref([])
    // 声明操作数据的方法 action
    // 添加列表项
    function addToList (newItem) {
        list.value.unshift({
            id: Date.now(),
            msg: newItem
        })
    }
    // 删除列表项
    function delList (id) {
        list.value = list.value.filter(item => item.id !== id)
    }
    // 删除所有列表项
    function delAll () {
        list.value = []
    }
    //声明计算属性 getters

    // 对象暴露
    return {
        msg,
        list,
        addToList,
        delList,
        delAll
    }
}, {
    persist: true
})